<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://xmlns.jcp.org/jsf/html"
	xmlns:f="http://xmlns.jcp.org/jsf/core"
	xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
	xmlns:c="http://xmlns.jcp.org/jsf/composite"
	xmlns:p="http://primefaces.org/ui">


<ui:decorate template="/jsp/WEB/pageLayout.xhtml">

	<ui:define name="centro">
		<h:form id="form">
			<p:growl id="msgs" showDetail="true" />



			<p:panel id="Cadastrar" header="Cadastrar Usuário"
				widgetVar="panelCad">

				<br />
				<h:panelGrid id="cadUsuarios" columns="3"
					value="#{CadUsuarioBean.usuario}" var="usuario"
					rowIndexVar="rowIndex">

					<h:outputLabel for="nome" value="Nome* : " />
					<p:inputText id="nome" label="Nome"
						requiredMessage="Preencha o campo Nome"
						value="#{CadUsuarioBean.usuario.name}" />

					<p:commandButton id="searchButton" image="ui-icon-search"
						update="@cadUsuarios" ajax="false" title="Consultar Usuários"
						actionListener="#{CadUsuarioBean.consultarUsuario}" />
				</h:panelGrid>
				
				<h:panelGrid id="cadUsuarios2" columns="2"
					value="#{CadUsuarioBean.usuario}" var="usuario"
					rowIndexVar="rowIndex">
					
					<h:outputLabel for="cargo" value="Cargo: " />
					<p:inputText id="cargo" label="Cargo"
						value="#{CadUsuarioBean.usuario.post}" />

					<h:outputLabel for="login" value="Login* : " />
					<p:inputText id="login" label="Login"
						requiredMessage="Preencha o campo Login"
						value="#{CadUsuarioBean.usuario.login}" />

					<h:outputLabel for="pwd1" value="Senha*: " />
					<p:inputText id="pwd1" value="#{CadUsuarioBean.usuario.password}"
						match="pwd2" label="Senha*: " />

					<h:outputLabel for="pwd2" value="Confirmar Senha*: " />
					<p:inputText id="pwd2" value="#{CadUsuarioBean.usuario.password}"
						label="Confirmar Senha*: " />

					<br />
				</h:panelGrid>

				<p:separator />

				<p:commandButton id="salvar" value="Gravar" update="@form"
					ajax="false" icon="ui-icon-plusthick"
					action="#{CadUsuarioBean.checkUsu}" />


				<p:commandButton id="excluir" value="Excluir"
					onclick="confirmaExclusao.show()" icon="ui-icon-minus" />

				<p:commandButton id="limpar" value="Limpar" update="@form"
					action="#{CadUsuarioBean.refresh()}" icon="ui-icon-document"
					resetValues="true" />

			</p:panel>

			<p:panel id="Lista" header="Listagem de Usuários" style="margin-top:3%">
				<p:dataTable id="listarUsuarios" var="usuarios"
					value="#{CadUsuarioBean.listaUsuario}" 
					emptyMessage="Nenhum usuário encontrado!"
					style="margin-top:20px; position: auto" paginator="true"
					selectionMode="single" selection="#{CadUsuarioBean.usuarios}"
					rowKey="#{usuarios.userId}">
					<p:ajax event="rowSelect" update=":form"
						listener="#{CadUsuarioBean.show()}" />

					<p:column style="width: 50px;" sortBy="userId">
						<f:facet name="header">Cód</f:facet>
						<h:outputText value="#{usuarios.userId}" />
					</p:column>

					<p:column style="width: 50px;" sortBy="name">
						<f:facet name="header">Nome</f:facet>
						<h:outputText value="#{usuarios.name}" />
					</p:column>

					<p:column style="width: 50px;" sortBy="post">
						<f:facet name="header">Cargo</f:facet>
						<h:outputText value="#{usuarios.post}" />
					</p:column>

					<p:column style="width: 50px;" sortBy="login">
						<f:facet name="header">Login</f:facet>
						<h:outputText value="#{usuarios.login}" />
					</p:column>
				</p:dataTable>
			</p:panel>


		</h:form>
		<p:confirmDialog id="confirmaExclusao"
			message="Confirma exclusão do Usuário?" header="Confirmação"
			severity="alert" widgetVar="confirmaExclusao" modal="true"
			appendTo="@(body)">
			<h:form>
				<p:commandButton id="confirmaBtn" value="Sim"
					onclick="confirmaExclusao.hide()"
					action="#{CadUsuarioBean.deletarUsuario()}" ajax="false"
					icon="ui-icon-check">
				</p:commandButton>
				<p:commandButton id="recusaBtn" value="Não"
					onclick="confirmaExclusao.hide()" icon="ui-icon-close" />
			</h:form>
		</p:confirmDialog>

	</ui:define>
</ui:decorate>
</html>